<!DOCTYPE html>
<html ng-app="myApp">
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link type="text/css" rel="stylesheet" href="../../static/css/bootstrap.css" />
    <link type="text/css" rel="stylesheet" href="../../static/css/bootstrap-responsive.css" />
    <link type="text/css" rel="stylesheet" href="../../static/css/bootstrap-theme.css"/>
    <link type="text/css" rel="stylesheet" href="../../static/script/angularjs/angular.css"/>

</head>
<body ng-controller="myController" class="container">
        <div class="form-group">
            <my-directive some-property="some property with @ binding" ng-model="ngModelObj" model="modelValue.name"  my-model="myModel"></my-directive>
        </div>
        <div class="form-group">
            <div class="active">
                <button type="button" class="btn btn-success btn-toolbar" ng-click="showDateByModelValue()">点我试试</button>
            </div>
        </div>

</body>
<script type="text/javascript" src="../../static/script/angularjs/angular-1.3.0.js"></script>
<script type="text/javascript" src="../../static/script/angularjs/angular-messages.js"></script>
<script type="text/javascript" src="../../static/script/jquery/jquery-2.1.1.js"></script>
<script type="text/javascript" src="../../static/script/bootstrap/bootstrap.js"></script>
<script type="text/javascript" src="../../static/script/js/myApp.js"></script>

<script type="text/javascript" src="js/myValidate.js"></script>
<script type="text/javascript" src="js/myDictive.js"></script>
<script type="text/javascript" src="js/myDictiveController.js"></script>
</html>